<%@ page pageEncoding="UTF-8"%>
<%@ include file="/common/taglibs.jsp"%>

<!DOCTYPE html>
<html>
<head>
	<title>我的首页 - ${website}</title>
	<%@ include file="/common/meta.jsp"%>
	<link href="${cdn}/css/pxmain${pageScope.pxmainCssVersion}.css" rel="stylesheet" type="text/css"></link>
</head>
<body>
	<%@ include file="/common/sitenav.jsp"%>
	<jsp:include page="/common/home-header.jsp">
		<jsp:param value="posts" name="column" />
	</jsp:include>
	
	<section id="page1" class="viphome">
    	<section class="section vip-content clearfix">
            <article class="col-sub lfloat">
            	<section class="test-box">
                    <div class="msg-sort">
                    	<ul>
                            <li class="msg-schoolmate">
								<a href="#">
									<i class="circle"></i>同学
								</a>
							</li>
                            <li class="msg-colleague">
								<a href="#">
									<i class="circle"></i>同事
								</a>
							</li>
                            <li class="msg-friends">
								<a href="#">
									<i class="circle"></i>朋友
								</a>
							</li>
                            <li class="msg-home">
								<a href="#">
									<i class="circle"></i>家人
								</a>
							</li>
                        </ul>
                        <div class="msg-sort-more">
                        	更多<i class="vipmore"></i>
                        </div>
                        
                    </div>
                    <div class="like-title mtxxl">
                        <header>喜欢的标签<i class="vipmore"></i></header>
                        <ul class="likeTL mts">
                            <li><a href="#">城市街头</a></li>
                            <li><a href="#">城市街头</a></li>
                            <li><a href="#">城市街头</a></li>
                            <li><a href="#">城市街头</a></li>
                        </ul>
                        <div class="title-find pr mtm">
                            <form action="">
                                <input type="text" placeholder="查找标签" class="ipt">
                                <input type="submit" class="btn pa" value="">
                            </form>
                        </div>
                    </div>
                    <div class="hot-title mtxxl">
                        <header>热门标签<i class="vipmore"></i></header>
                        <ul class="hotTL mts">
                            <li><a href="#">城市街头</a></li>
                            <li><a href="#">城市街头</a></li>
                            <li><a href="#">城市街头</a></li>
                            <li><a href="#">城市街头</a></li>
                        </ul>
                    </div>
                </section>
            </article>
            <article class="col-main lfloat">
            	<section class="main-wrap">
                	<form action="" method="post" id="post_form">
                        <section class="post-massage pal">
                            <div class="editmsg">
                                <div class="sendcnt mlxs">
                                    <textarea id="content" name="content"></textarea>
                                </div>
                                <%--
                                <div class="insertFun pr">
                                    <div class="sendlist">
                                        <a href="#" id="addpic" class="addpic" title="插入图片"></a>
                                        <a href="#" id="addvoid" class="addvoid" title="插入视频"></a>
                                        <a href="#" id="addlink" class="addlink" title="添加链接"></a>
                                    </div>
                                    <div id="sendlistData" class="sendlistData pr">
                                    	<div class="addpicData pa">
                                        	<div class="GreyBox pr">
                                            	<div class="close-GreyBox pa">
                                                	<span class="GreyBox-ico"><i class="ico1 pa">◆</i><i class="ico2 pa">◆</i></span>
                                                </div>
                                            	<i class="close-ico hidden pa">×</i>
                                                <div class="GreyBox-menu mvm">
                                                	<ul class="GBmenu-data">
                                                    	<li class="GBmenu-local"><i></i>从电脑上选择图片</li>
                                                        <li class="GBmenu-web"><i></i>从网页上选择图片</li>
                                                        <li class="GBmenu-mobile"><i></i>从手机上选择图片</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="addvoidData pa">
                                        	<div class="GreyBox pr">
                                            	<div class="close-GreyBox pa">
                                                	<span class="GreyBox-ico"><i class="ico1 pa">◆</i><i class="ico2 pa">◆</i></span>
                                                </div>
                                            	<i class="close-ico hidden pa">×</i>
                                                <div class="GreyBox-menu mvm">
                                                	<ul class="GBmenu-data">
                                                    	<li class="GBmenu-VL"><i></i>视频链接地址</li>
                                                        <li class="GBmenu-LL"><i></i>自己上传视频</li>
                                                    </ul>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="addlinkData pr pvxs">
                                            <i class="addlinkData-ico"></i><input type="text" class="addlinktxt" />
                                            <button type="button" class="addlinksub">添加</button><i id="addlinkData-close" class="close-ico">×</i>
                                        </div>
                                    </div>
                                </div>  --%>
                            </div>
                            <div class="post-obj pr">
                                <div class="addobj">
                                    <a href="#" id="addselect">+添加发布对象</a>
                                </div>
                                <div class="addobjData pa">
                                	<div class="GreyBox pr">
                                            <div class="close-GreyBox pa">
                                                <span class="GreyBox-ico"><i class="ico1 pa">◆</i><i class="ico2 pa">◆</i></span>
                                            </div>
                                            <i class="close-ico hidden pa">×</i>
                                            <div class="GreyBox-menu mvm">
                                                 <ul class="GBmenu-data">
                                                       <li class=""><i></i>朋友</li>
                                                       <li class=""><i></i>摄影</li>
                                                       <li class=""><i></i>服装</li>
                                                       <li class=""><i></i>模特</li>
                                                       <li class=""><i></i>美术设计</li>
                                                       <li class=""><i></i>造型师</li>
                                                       <li class="line"></li>
                                                       <li class=""><i></i>我的圈子</li>
                                                       <li class=""><i></i>公开</li>
                                                 </ul>
                                            </div>
                                    </div>
                                </div>
                            </div>
                          
                            <div class="msgsubmit pr mtm">
                                <button type="button" class="sendBtn" id="sendPost">发 布</button>
                                <!--<div class="opusShow inlineBlock mlm">-->
                                    <a href="#" id="opusShow">作品展示<i class="opusmore"></i></a>
                                     <em id="feedback_message" class="feedback-message" style="display:none;"></em>
                                    <div class="opusShowData pa">
                                    	<div class="GreyBox pr">
                                            <div class="close-GreyBox pa">
                                                <span class="GreyBox-ico"><i class="ico1 pa">◆</i><i class="ico2 pa">◆</i></span>
                                            </div>
                                            <i class="close-ico hidden pa">×</i>
                                            <div class="GreyBox-menu mvm">
                                                 <ul class="GBmenu-data">
                                                       <li class=""><i></i>影视广告</li>
                                                       <li class=""><i></i>个人访问</li>
                                                       <li class=""><i></i>时装</li>
                                                       <li class=""><i></i>创建专辑</li>
                                                 </ul>
                                            </div>
                                        </div>
                                    </div>
                                <!--</div>-->
                            </div>
                        </section>
                    </form>
                        <section class="blog-list clearfix">
                            <ul>
                            	<c:forEach var="post" items="${posts}">
	                                    <li class="blog-detail clearfix">
	                                        <div class="userPic lfloat">
	                                            <a title="" href="#">
	                                                <img src="${imgUrl}${post.avatar}" alt="" />
	                                            </a>
	                                        </div>
	                                        <article class="msgBox">
	                                            <div class="userName">
	                                                    <a title="" href="#" class="scolor">${post.nickName}</a><a class="vip" target="_blank" title="认证" href="#"><i class="zan-ico"></i></a>
	                                                    	<c:if test="${!empty post.tranPost}">转播</c:if>：
	                                            </div>
	                                            <div class="msgCnt">${post.content}</div>
	                                            <div class="replyBox">
	                                                	<c:if test="${!empty post.tranPost}">
		                                                <div class="msgPT">
		                                                    <div class="userName">
		                                                            <a title="" href="#" class="scolor">${post.tranPost.nickName}</a><a class="vip" target="_blank" title="认证" href="#"><i class="zan-ico"></i></a>：
		                                                            ${post.tranPost.content}
		                                                    </div>
		                                                    <div class="pubInfo fss">
		                                                        <span class="remark">
		                                                            <a href="#" target="_blank" class="time" title="">${post.tranPost.createAtStr}</a>
		                                                            <a target="_blank" class="f" href="#">${post.tranPost.userType}</a>
		                                                            <a target="_blank" href="#" class="zfNum">原文转播(<b class="relayNum">${post.tranPost.transferred}</b>)</a>
		                                                            <span>|</span>
		                                                            <a target="_blank" href="#" class="plNum">原文评论(<b class="relayNum">${post.tranPost.comments}</b>)</a>
		                                                        </span>
		                                                    </div>
		                                                </div>
	                                                	</c:if>
	                                            </div>
	                                            <div class="pubInfo clearfix fsm">
	                                                <span class="remarks lfloat">
	                                                    <a href="#" target="_blank" class="time" title="">${post.createAtStr}</a>
	                                                    <a href="#" target="_blank" class="f">${post.userType}</a>
	                                                </span>
	                                                <div class="funBox rfloat">
	                                                    <a class="relay" href="#">转播(<b class="relayNum">${post.transferred}</b>)</a>
	                                                    <span>|</span>
	                                                    <a class="comt" href="#">评论(<b class="relayNum">${post.comments}</b>)</a>
	                                                    <span>|</span>
	                                                    <div class="mFun pr">
	                                                        <a href="#">更多<i class="btn_ldrop"></i></a>
	                                                        <ul class="mFunDrop pa">
	                                                            <li><a href="#">对话</a></li>
	                                                            <li><a href="#">收藏</a></li>
	                                                            <li><a href="#">分享</a></li>
	                                                            <li><a href="#">详情</a></li>
	                                                            <li><a href="#">举报</a></li>
	                                                        </ul>
	                                                    </div>
	                                                </div>
	                                            </div>
	                                        </article>
	                                    </li>
                                    </c:forEach>
                                </ul>
								<!---------------------分页------------------------------------>
								<div class="pagination8 mtm">
									<a class="prev-page" href="#"><span>上一页</span>
									</a> <span class="current-page">1</span> <a class="next-page"
										href="#"><span>下一页</span>
									</a>
								</div>
                    </section>
                </section>
            </article>
            <article class="col-extra rfloat">
            	<section class="test-box">
                    <figure class="member mtl">
                        <figcaption>圈内的人</figcaption>
                        <div class="member-list mvs">
                            <a href="#"><img src="${cdn}/images/demo/1.jpg" alt="" /></a><a href="#"><img src="${cdn}/images/demo/2.jpg" alt="" /></a><a href="#"><img src="${cdn}/images/demo/3.jpg" alt="" /></a><a href="#"><img src="${cdn}/images/demo/4.jpg" alt="" /></a><a href="#"><img src="${cdn}/images/demo/5.jpg" alt="" /></a><a href="#"><img src="${cdn}/images/demo/6.jpg" alt="" /></a><a href="#"><img src="${cdn}/images/demo/7.jpg" alt="" /></a><a href="#"><img src="${cdn}/images/demo/8.jpg" alt="" /></a><a href="#"><img src="${cdn}/images/demo/9.jpg" alt="" /></a><a href="#"><img src="${cdn}/images/demo/10.jpg" alt="" /></a>
                        </div>
                        <a href="#" class="memberAll">查看全部&gt;&gt;</a>
                    </figure>
                    <figure class="like-model mtxl">
                        <figcaption>可能喜欢的模特</figcaption>
                        <div class="like-mdlist mvs">
                        	<ul class="mdlist-data clearfix">
                            	<li><a href="#"><img src="${cdn}/images/demo/pic2.jpg" alt="" /></a><span>李颖芝</span></li>
                            	<li><a href="#"><img src="${cdn}/images/demo/pic5.jpg" alt="" /></a><span>李颖芝</span></li>
                            	<li><a href="#"><img src="${cdn}/images/demo/pic1.jpg" alt="" /></a><span>李颖芝</span></li>
                            	<li><a href="#"><img src="${cdn}/images/demo/pic4.jpg" alt="" /></a><span>李颖芝</span></li>
                            </ul>
                        </div>
                        <a href="#" class="like-mdAll">查看全部&gt;&gt;</a>
                    </figure>
                    <figure class="invite mtxl">
                        <figcaption>邀请好友</figcaption>
                        <button type="button" class="inviteBtn">邀请朋友</button>
                    </figure>
                    <figure class="know mtxl">
                        <figcaption>可能认识的人</figcaption>
                        <div class="knowlist mvs">
                        	<ul class="mdlist-data clearfix">
                            	<li><a href="#"><img src="${cdn}/images/demo/pic1.jpg" alt="" /></a><span>李颖芝</span></li>
                                <li><a href="#"><img src="${cdn}/images/demo/pic2.jpg" alt="" /></a><span>李颖芝</span></li>
                                <li><a href="#"><img src="${cdn}/images/demo/pic3.jpg" alt="" /></a><span>李颖芝</span></li>
                                <li><a href="#"><img src="${cdn}/images/demo/pic5.jpg" alt="" /></a><span>李颖芝</span></li>
                            </ul>
                        </div>
                        <a href="#" class="knowAll">查看更多&gt;&gt;</a>
                    </figure>
                    <figure class="visitor mtxl">
                        <figcaption>最近到访</figcaption>
                        <div class="visitorlist mvs">
                        	<ul class="mdlist-data clearfix">
                            	<li><a href="#"><img src="${cdn}/images/demo/pic4.jpg" alt="" /></a><span>李颖芝</span></li>
                                <li><a href="#"><img src="${cdn}/images/demo/pic2.jpg" alt="" /></a><span>李颖芝</span></li>
                                <li><a href="#"><img src="${cdn}/images/demo/pic3.jpg" alt="" /></a><span>李颖芝</span></li>
                                <li><a href="#"><img src="${cdn}/images/demo/pic1.jpg" alt="" /></a><span>李颖芝</span></li>
                            </ul>
                        </div>
                        <a href="#" class="visitorAll">查看更多&gt;&gt;</a>
                    </figure>
                </section>
            </article>
        </section>
    </section>
    <%@ include file="/common/footer.jsp"%>
    
    <script type="text/javascript" src="${cdn}/js/jquery/validate/jquery.validate.js"></script>
	<script type="text/javascript" src="${cdn}/js/jquery/validate/validate-tip${pageScope.jqueryValidateTipJsVersion}.js"></script>
    <script src="${cdn}/js/px/user/home${pageScope.homeJsVersion}.js"></script>
</body>
</html>
